.hot-list{
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  .hot-item{
     background-color:#FFFFFF;
    border-bottom: 1px solid #00000026;
    display: flex;
     width: 750px;
     height: 310px;
     border: 0px 0px 1px 0px;
     opacity: 0px;
     .left{
      display: flex;
      justify-content: center;
      align-items: center;
      width: 361px;
      .hot-icon{
        text-align:center ;
        width: 124px;
        .img-icon{
          width: 54px;
          height: 54px;
        }
      }
      .hot-img{
        text-align:center ;
         width: 210px;
         height: 237px;
        .img-hot{
          width: 210px;
          height: 237px;
        }
        }
      }
      .right{
        width: 100%;
        display: flex;
        flex-direction: column;
        .hot-title{
          width: 352px;
          height: 78px;
          font-family: 'PingFang SC', sans-serif;
          font-size: 28px;
          font-weight: 500;
          line-height: 39.2px;
          margin-top: 36px;
          margin-left: 28px;
        }
        }
        .hot-price{
          margin-top: 58px;
          margin-left: 28px;
          width: 116px;
          height: 50px;
          top: 172px;
          left: 362px;
          gap: 0px;
          opacity: 0px;
          font-family: 'PingFang SC', sans-serif;
          font-size: 32px;
          font-weight: 500;
          line-height: 50.4px;
          text-align: left;
          color: #FF3838;
          span{
            font-size: 24px;
            line-height: 28px;
            font-weight: 500;
            margin-right: 5px;
          }

        }

        .btn{
          width: 168px;
          height: 50px;
          gap: 10px;
          border-radius: 4px 0px 0px 0px;
          opacity: 0px;
          padding:8px, 48px, 8px, 48px;
          text-align: center;
          background: linear-gradient(270deg, #04CB00 0%, rgba(4, 203, 0, 0.6) 100%);
          display: flex;
          align-items: center; /* 垂直居中 */
          justify-content: center; /* 水平居中 */
          margin-left: 212px;
          span{
            line-height: 33.6px;
            font-size: 24px;
            font-weight: 500;
            text-align:justify;
            font-family: 'PingFang SC', sans-serif;
            color:#FFFFFF;
        }
      }
     }
     .remain{
      flex-grow: 1;
      display: flex;
      justify-content: center;
      background-color:#f4f4f4;
      .at-divider__content {
         color:#888888; /* 修改字体颜色 */
         background-color:#f4f4f4; /* 修改背景颜色 */
       }
       .divider{
            width: 492px;
       }
     }
    }
